$(function () {
  let layer = layui.layer;
  let laypage = layui.laypage;
  let form = layui.form;

  var q = {
    pagenum: 1, // 页码值，默认请求第一页的数据
    pagesize: 10, // 每页显示几条数据，默认每页显示2条
    cate_id: '', // 文章分类的 Id
    state: '', // 文章的发布状态
  };

  // 渲染页面数据
  myArticle();

  function myArticle() {
    axios({
      method: 'get',
      url: 'http://124.223.14.236:8060/home/user/myArticle',
      headers: {
        token: localStorage.getItem('token'),
      },
      params: {
        // page: 1,
        page: q.pagenum,
        limit: 10,
        // limit: q.pagesize,
      },
    }).then(function (res) {
      if (res.status !== 200) {
        return layer.msg('获取文章失败！');
      }
      let list_html;
      if (res.data.data.data.length <= 0) {
        list_html = `<p style="font-size='20px'">您还没有发布文章哦</p>`;
        $('#pageBox').hide();
        $('#find').hide();
        $('.items-01').html(list_html);
      } else {
        $('#pageBox').show();
        $('#find').show();
        list_html = res.data.data.data.map(item => {
          if (item.status === 2) {
            return `
            <li>
              <a href="javascript:;">
                <span class="thumbnail">
                  <img class="thumb" src="http://seopic.699pic.com/photo/50038/1170.jpg_wh1200.jpg" />
                </span>
                <span class="text">
                  ${item.title} 【已发布】
                </span>
                
                <span class="text-muted post-views">
                  <i class="fa fa-heart"></i>
                  被点赞(195)次
                </span>
                <button class="btn btn-danger btn-xs" data-id="${item.id}">
                    <i class="fa fa-trash"></i>
                    &nbsp;删除
                </button>
              </a>
            </li>
          `;
          }
        });
        $('.items-01').html(list_html.join(''));
      }
      // renderPage(res.data.data.count);
    });
  }

  // 通过代理的形式，为删除按钮绑定点击事件
  $('.items-01').on('click', '.btn-danger', function () {
    let id = $(this).attr('data-id');
    console.log(id);
    // 提示用户是否要删除
    layer.confirm('确认删除?', { icon: 3, title: '提示' }, function (index) {
      axios({
        method: 'get',
        url: 'http://124.223.14.236:8060/home/user/delArticle',
        headers: {
          token: localStorage.getItem('token'),
        },
        params: {
          id: id,
        },
      }).then(function (res) {
        console.log(res);
        if (res.status !== 200) {
          return layer.msg('删除失败！');
        }
        layer.msg('删除成功！');
        layer.close(index);
        myArticle();
      });
    });
  });


});
